<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/API-index.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/首页.css">
    <script src="./js/API-index.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div class="border" id="bd">
        <div class="logo">
            <img src="./imgs/new-logo-white2.png" alt="">
        </div>
        <ul class="nav">
            <li><a href="./首页.html">首页</a></li>
            <li><a href="./API-index.html">API</a></li>
            <li><a href="./customer.html">云服务</a></li>
        </ul>
        <div class="in">
            <div class="login"><a href="./login.html">登录</a></div>
            <div class="enroll"><a href="./register.html">注册有礼</a></div>
        </div>
    </div>
    <!-- 导航栏 -->
    <div class="services c">
        <h1>API分类</h1>

        <ul>
            <!-- <li><a href="#" id="全部">全部</a></li>
            <li><a href="#" id="生活服务">生活服务</a></li>
            <li><a href="#" id="金融科技">金融科技</a></li>
            <li><a href="#" id="交通地理">交通地理</a></li>
            <li><a href="#" id="充值缴费">充值缴费</a></li>
            <li><a href="#" id="数据智能">数据智能</a></li>
            <li><a href="#" id="企业工商">企业工商</a></li>
            <li><a href="#" id="应用开发">应用开发</a></li>
            <li><a href="#" id="电子商务">电子商务</a></li>
            <li><a href="#" id="吃喝玩乐">吃喝玩乐</a></li>
            <li><a href="#" id="文娱视频">文娱视频</a></li>
            <li><a href="#" id="免费接口大全">免费接口大全</a></li>
            <li><a href="#" id="短信">短信</a></li>
            <li><a href="#" id="汽车">汽车</a></li>
            <li><a href="#" id="核验">核验</a></li>
            <li><a href="#" id="最新发布">最新发布</a></li>
            <li><a href="#" id="API私有化部署">API私有化部署</a></li> -->
        </ul>
    </div>
    <!-- 全部 -->
    <div class="All c">
        <div class="inputs">
            <h5>全部</h5>
            <input type="text" placeholder="身份证实名" id="input">
            <span><img src="./imgs/magnifier.png" alt=""></span>
        </div>
        <ul>
            <!-- <li>
                <div class="content">
                    <a href="#" class="pics">
                        <img src="./imgs/API_01.jpg" alt="">
                        <p>221出0行防疫政策指南</p>
                    </a>
                    <p class="free">免费</p>
                </div>
                <a href="#" class="btn">申请数据</a>
            </li>
            <li>
                <div class="content">
                    <a href="#" class="pics">
                        <img src="./imgs/API_02.jpg" alt="">
                        <p>身份证实名认证</p>
                    </a>
                    <p class="dolors">￥0.2000/次</p>
                </div>
                <a href="#" class="btn">申请数据</a>
                <span>企业专用</span>
            </li>
            <li>
                <div class="content">
                    <a href="#" class="pics">
                        <img src="./imgs/API_03.jpg" alt="">
                        <p>天气预报</p>
                    </a>
                    <p class="free">免费</p>
                </div>
                <a href="#" class="btn">申请数据</a>
            </li>
            <li>
                <div class="content">
                    <a href="#" class="pics">
                        <img src="./imgs/API_04.jpg" alt="">
                        <p>银行卡四元素校验</p>
                    </a>
                    <p class="dolors">￥0.3360/次</p>
                </div>
                <a href="#" class="btn">申请数据</a>
                <span>企业专用</span>
            </li>
            <li>
                <div class="content">
                    <a href="#" class="pics">
                        <img src="./imgs/API_05.jpg" alt="">
                        <p>短信API服务</p>
                    </a>
                    <p class="dolors">￥0.0400/次</p>
                </div>
                <a href="#" class="btn">申请数据</a>
                <span>企业专用</span>
            </li>
            <li>
                <div class="content">
                    <a href="#" class="pics">
                        <img src="./imgs/API_01.jpg" alt="">
                        <p>2021出行防疫政策指南</p>
                    </a>
                    <p class="free">免费</p>
                </div>
                <a href="#" class="btn">申请数据</a>
            </li>
            <li>
                <div class="content">
                    <a href="#" class="pics">
                        <img src="./imgs/API_02.jpg" alt="">
                        <p>身份证实名认证</p>
                    </a>
                    <p class="dolors">￥0.2000/次</p>
                </div>
                <a href="#" class="btn">申请数据</a>
                <span>企业专用</span>
            </li>
            <li>
                <div class="content">
                    <a href="#" class="pics">
                        <img src="./imgs/API_03.jpg" alt="">
                        <p>天气预报</p>
                    </a>
                    <p class="free">免费</p>
                </div>
                <a href="#" class="btn">申请数据</a>
            </li>
            <li>
                <div class="content">
                    <a href="#" class="pics">
                        <img src="./imgs/API_04.jpg" alt="">
                        <p>银行卡四元素校验</p>
                    </a>
                    <p class="dolors">￥0.3360/次</p>
                </div>
                <a href="#" class="btn">申请数据</a>
                <span>企业专用</span>
            </li>
            <li>
                <div class="content">
                    <a href="#" class="pics">
                        <img src="./imgs/API_05.jpg" alt="">
                        <p>短信API服务</p>
                    </a>
                    <p class="dolors">￥0.0400/次</p>
                </div>
                <a href="#" class="btn">申请数据</a>
                <span>企业专用</span>
            </li>
            <li>
                <div class="content">
                    <a href="#" class="pics">
                        <img src="./imgs/API_01.jpg" alt="">
                        <p>2021出行防疫政策指南</p>
                    </a>
                    <p class="free">免费</p>
                </div>
                <a href="#" class="btn">申请数据</a>
            </li>
            <li>
                <div class="content">
                    <a href="#" class="pics">
                        <img src="./imgs/API_02.jpg" alt="">
                        <p>身份证实名认证</p>
                    </a>
                    <p class="dolors">￥0.2000/次</p>
                </div>
                <a href="#" class="btn">申请数据</a>
                <span>企业专用</span>
            </li>
            <li>
                <div class="content">
                    <a href="#" class="pics">
                        <img src="./imgs/API_03.jpg" alt="">
                        <p>天气预报</p>
                    </a>
                    <p class="free">免费</p>
                </div>
                <a href="#" class="btn">申请数据</a>
            </li>
            <li>
                <div class="content">
                    <a href="#" class="pics">
                        <img src="./imgs/API_04.jpg" alt="">
                        <p>银行卡四元素校验</p>
                    </a>
                    <p class="dolors">￥0.3360/次</p>
                </div>
                <a href="#" class="btn">申请数据</a>
                <span>企业专用</span>
            </li>
            <li>
                <div class="content">
                    <a href="#" class="pics">
                        <img src="./imgs/API_05.jpg" alt="">
                        <p>短信API服务</p>
                    </a>
                    <p class="dolors">￥0.0400/次</p>
                </div>
                <a href="#" class="btn">申请数据</a>
                <span>企业专用</span>
            </li>
            <li>
                <div class="content">
                    <a href="#" class="pics">
                        <img src="./imgs/API_01.jpg" alt="">
                        <p>2021出行防疫政策指南</p>
                    </a>
                    <p class="free">免费</p>
                </div>
                <a href="#" class="btn">申请数据</a>
            </li>
            <li>
                <div class="content">
                    <a href="#" class="pics">
                        <img src="./imgs/API_02.jpg" alt="">
                        <p>身份证实名认证</p>
                    </a>
                    <p class="dolors">￥0.2000/次</p>
                </div>
                <a href="#" class="btn">申请数据</a>
                <span>企业专用</span>
            </li>
            <li>
                <div class="content">
                    <a href="#" class="pics">
                        <img src="./imgs/API_03.jpg" alt="">
                        <p>天气预报</p>
                    </a>
                    <p class="free">免费</p>
                </div> 
                <a href="#" class="btn">申请数据</a>
            </li>
            <li>
                <div class="content">
                    <a href="#" class="pics">
                        <img src="./imgs/API_04.jpg" alt="">
                        <p>银行卡四元素校验</p>
                    </a>
                    <p class="dolors">￥0.3360/次</p>
                </div>
                <a href="#" class="btn">申请数据</a>
                <span>企业专用</span>
            </li>
            <li>
                <div class="content">
                    <a href="#" class="pics">
                        <img src="./imgs/API_05.jpg" alt="">
                        <p>短信API服务</p>
                    </a>
                    <p class="dolors">￥0.0400/次</p>
                </div>
                <a href="#" class="btn">申请数据</a>
                <span>企业专用</span>
            </li> -->
        </ul>
        <div class="pagebtn">
            <a href="#" class="btn blue">1</a>
            <a href="#" class="btn">2</a>
            <a href="#" class="btn">3</a>
            <a href="#" class="btn">4</a>
            <a href="#" class="btn">5</a>
            <a href="#" class="btn">6</a>
            <a href="#" class="btn">7</a>
            <a href="#" class="btn">8</a>
            <span class="more">...</span>
            <a href="#" class="nextpage">下一页></a>
        </div>
    </div>
    <!-- 尾部 -->
    <div class="foot">
        <div class="c">
            <ul>
                <li>联系与支持</li>
                <li><a href="#">400-882-7715</a></li>
                <li><a href="#">售前咨询</a></li>
                <li><a href="#">客服&售后</a></li>
                <li><a href="#">常见问题</a></li>
                <li><a href="#">急速工单</a></li>
                <li><a href="#">投诉与建议</a></li>
            </ul>
            <ul>
                <li>联系与支持</li>
                <li><a href="#">400-882-7715</a></li>
                <li><a href="#">售前咨询</a></li>
                <li><a href="#">客服&售后</a></li>
                <li><a href="#">常见问题</a></li>
                <li><a href="#">急速工单</a></li>
                <li><a href="#">投诉与建议</a></li>
            </ul>
            <ul>
                <li>联系与支持</li>
                <li><a href="#">400-882-7715</a></li>
                <li><a href="#">售前咨询</a></li>
                <li><a href="#">客服&售后</a></li>
                <li><a href="#">常见问题</a></li>
                <li><a href="#">急速工单</a></li>
                <li><a href="#">投诉与建议</a></li>
            </ul>
            <ul>
                <li>联系与支持</li>
                <li><a href="#">400-882-7715</a></li>
                <li><a href="#">售前咨询</a></li>
                <li><a href="#">客服&售后</a></li>
                <li><a href="#">常见问题</a></li>
                <li><a href="#">急速工单</a></li>
                <li><a href="#">投诉与建议</a></li>
            </ul>
            <ul>
                <li>联系与支持</li>
                <li><a href="#">400-882-7715</a></li>
                <li><a href="#">售前咨询</a></li>
                <li><a href="#">客服&售后</a></li>
                <li><a href="#">常见问题</a></li>
                <li><a href="#">急速工单</a></li>
                <li><a href="#">投诉与建议</a></li>
            </ul>

            <div class="footr">
                <h4>微信公众号</h4>
                <p>源码时代</p>
                <img src="./imgs/showqrcode.jpg" alt="">
            </div>

            <p class="bottomp">
                <img src="./imgs/bei1.png" alt="">
                <img src="./imgs/bei2.png" alt=""> 增值电信业务经营许可证:蜀B2-20180596蜀ICP备15006450号-3营业执照

            </p>
            <p class="rightp">源码大数据股份有限公司◎版权所有
            </p>
        </div>
    </div>

    <div class="modal">

        <!-- <div class="login_content">
            <div class="yuanma_logo">
                <img src="./imgs/loginlogo.png" alt="">
            </div>
            <div class="login_method">
                <a href="#" class="method active">账号登录</a>
                <a href="#" class="method">扫码登录</a>
            </div>
            <div class="page on">
                <div class="textbox">
                    <div class="namepasinputs">
                        <input type="text" placeholder="用户名/手机号/邮箱" class="username">
                        <input type="password" name="" id="" placeholder="密码" class="pas">
                    </div>
                    <a href="#" class="forget">忘记密码</a>
                    <button class="loginbtn">登录</button>
                    <p class="lastP1">还没有源码账号，<a href="#">立即注册</a></p>
                </div>
            </div>



            <div class="page">
                <div class="code">
                    <img src="./imgs/showqrcode.jpg" alt="">
                    <p>微信扫码登录</p>
                    <p class="secondP">未关注源码科技公众号，请先关注后再登录</p>
                </div>
                <p class="lastP2">还没有源码账号，<a href="#">立即注册</a></p>
            </div>

        </div> -->
    </div>


    <script src="./js/common.js"></script>
</body>

</html>